<template>
  <div class="home-page">
   <div class="home-bg">
    <Button type="success" class="custom-btn-style" @click="gotoPage">填写资料</Button>
   </div>
    <div class="bottom-logo"></div>
  </div>
</template>
<script setup lang="ts">
  import { Button } from 'vant';
  import {useRouter} from "vue-router"
  const router = useRouter();

  const gotoPage = () => {
    router.push({
      path:"/fillInfo"
    })
  }
</script>

<style scoped>
.home-page{
  width: 100%;
  height: 100%;
  background: #ccc;
}
.home-bg{
  width: 100%;
  height: calc(100vh - 100px);
  background: url("@/public/img/banner@3x.png") no-repeat top center;
  background-size:cover;
  position: relative;
  
}
.bottom-logo{
  width: 100%;
  height: 100px;
  background-color: #8d8d8d; 
}

.custom-btn-style{
  background-color: #fa840c;
  width: 864px;
  height: 132px;
  border: 1px solid #fa840c;
  border-radius: 66px;
  font-size: 48px;
  position: absolute;
  top: 85%;
  left:0;
  right:0;
  margin: auto;
}
</style>